$(function(){
	//页面加载完之后再处理里面的代码
	$("#slide li:gt(0)").hide();
	var n=0,c=$("#slide li").length;
	var t;
	function autoPlay(){
		t=setInterval(function(){
			n++;
			if(n>=c) n=0;
			play();
		},2000);
	}	
	autoPlay();
	function play(){
		//显示当前需要显示的图片；隐藏其他的图片
		$("#slide li").eq(n).fadeIn(300).siblings().fadeOut(300);
		//给当前的span加current样式;移除其他span上的current
		$("#slide >p span").eq(n).addClass('current').siblings().removeClass('current');
	}
	
	//鼠标移动到slide上时停止轮播，移开是继续轮播
	//clearInterval(某个定时器)
	//trigger('事件') 强制触发一个事件
	$("#slide").hover(function(){
		//停止轮播
		clearInterval(t);
	},function(){
		autoPlay();
	})/*.trigger('mouseout');*/

	$("#slide >p span").each(function(index){
		$(this).click(function(){
			n=index;
			play();
		});
	});


	//左右箭头
	//下一张图片
	$("#right").click(function(){
		n++;
		if(n>=c) n=0;
		play();
	});
	//上一张
	$("#left").click(function(){
		if(n<=0) n=c;
		n--;
		play();
	});
})